<template>
	<div class="Pintegral">
		<Pheader class="tou" msg="我的积分"></Pheader>
		<div class="pointCon">
			<p class="poin-title">
				<span>当前积分：</span>
				<span class="active2">{{allsort}}</span>
				<span class="active2">分</span>
			</p>
			<jifenTable></jifenTable>
		</div>
	</div>
</template>

<script>
	//头部小组件
	import Pheader from "@/components/P_header.vue";
	//积分变动小组件
	import jifenTable from "@/components/jifenTable.vue";
	
	export default {
		components: {
			Pheader,
			jifenTable
		},
		data() {
			return{}
		},
		created(){
			this.allsort=this.$store.state.userinfor.userintegral;
		},
		methods: {
			
		}
	}
</script>

<style>
 .Pintegral {
  width: 100%;
  /* height: 488px; */
  border: 1px solid #e7e7e7;
  /* margin-left:1%; */
  /* position: absolute;
  top: 0px;
  left: 0px; */
  background: #fff;
}
  .tou{
  padding: 12px 13px;
  border-bottom: 1px solid #e7e7e7;
}
.pointCon{
		padding-left:20px;
		margin-right: 20px;
		margin-bottom: 80px;
	}
	.pointCon .el-table--fit{
		border-right:1px solid  #e7e7e7;
	}
	.poin-title{
		line-height: 56px;
		font-size: 1.3rem;
		color:#333;
	}
	.pointCon table{
		margin-top:0px;
		margin-bottom:0px;
		border:0; 
	}
	.pointCon .el-table__header{
		border-collapse: none; 
	}
	.pointCon .el-table__body{
		border-right-color: rgb(231, 231, 231);
		
	}
</style>
